
var layout = {
	global : {
		width : 1920,
		height : 1080
	},
	windows : [
		{ x : 3,    y : 3,   width : 668, height : 501, strokeWidth : 2 },
		{ x : 3,    y : 508, width : 668, height : 501, strokeWidth : 2 },
		{ x : 1249, y : 3,   width : 668, height : 501, strokeWidth : 2 },
		{ x : 1249, y : 508, width : 668, height : 501, strokeWidth : 2 },
	],
	coreBg : { // x-y 左上角位置
		x : 671,
		y : 0,
		width : 578,
		height : 1080 - 67,
	},
	desk : {
		x : 671,
		y : 0,
		width : 578,
		height : 1080 - 67,
	},
	nameTags : [ // direction, true: 向右, false: 向左. x-y 是放图标的中心位置, 相对于 desk 的相对坐标
		{ x : 373, y : 80, width : 360, height : 56, direction : false, playerNo : 1 }, // Beat
		{ x : 205, y : 156, width : 360, height : 56, direction : true, playerNo : 2 }, // Rock
		{ x : 373, y : 580, width : 360, height : 56, direction : false, playerNo : 3 }, // Eddie
		{ x : 205, y : 656, width : 360, height : 56, direction : true, playerNo : 4 }, // Metall
	],
	titleFrame : { // 相对于 desk
		// canvas 参数
		x : 0,
		y : 265,
		width : 578,
		height : 140,

		// 内容参数
		contentX : 0,
		contentY : 10,
		contentWidth : 578,
		contentHeight : 120,
	},
	tip : { // 相对于 desk
		// canvas 参数
		x : -200,
		y : 0,
		width : 578 + 200 * 2,
		height : 1080 - 67,

		// 内容参数
		contentX : (578 + 200 * 2) / 2,
		contentY : 265 + 140 / 2 - 5, // 中心点位置, 就是在 titleFrame 中点
	},
	recordTags : [ // direction, true: 向右, false: 向左. x-y 是放图标的中心位置, 相对于 tip 的相对坐标
		{ x : 373 + 200 - 369, y : 80,  width : 180, height : 38, direction : false, playerNo : 1 },
		{ x : 205 + 200 + 369, y : 156, width : 180, height : 38, direction : true,  playerNo : 2 },
		{ x : 373 + 200 - 369, y : 580, width : 180, height : 38, direction : false, playerNo : 3 },
		{ x : 205 + 200 + 369, y : 656, width : 180, height : 38, direction : true,  playerNo : 4 },
	],
	descFrame : { // x-y 左上角位置
		x : (578 - 540) / 2,
		y : 730,
		width : 540,
		height : 250,
	},
	titleGearFrame : { // x-y 中心点位置, 相对于 desk
		dstX : 106, // 在 timer.playing 状态下的位置
		dstY : 395,
		srcX : 80, // 在 timer.init 状态下的位置
		srcY : 395,

		width : 70,
		height : 48,
		offset : 12.8
	},
	titleSignFrame : { // x-y 中心点位置
		dstX : 578 - 106, // 在 timer.playing 状态下的位置
		dstY : 395,
		srcX : 578 - 80, // 在 timer.init 状态下的位置
		srcY : 395,

		width : 70,
		height : 48,
		offset : 12.8
	},
	timerPanel : { // x-y 中心点位置, 相对于 desk
		x : 960 - 671,
		y : 425,
		width : 320,
		height : 60,
		offset : 16,
		boundPath : '', // 自动计算, 以 coreBg 左上角位置为原点
		boundPathLength : 0 // 自动计算
	},
	bottom : { // x-y 左上角位置
		x : 0,
		y : 1080 - 67,
		width : 1920,
		height : 67,
	},
	cable : {
		coreX : 960 - 671,
		coreY : 368,
		coreWidth : 27,
	},
	colors : {
		strokeNormal : '#85d6ff', // 天蓝
		strokeBgD3 : '#00080f', // 暗蓝, 暗 3 点
		strokeBgD2 : '#010e1c', // 暗蓝, 暗 2 点
		strokeBgD1 : '#021529', // 暗蓝, 暗 1 点
		strokeBg : '#05213d', // 暗蓝
		strokeBgL1 : '#0e365e', // 暗蓝, 亮 1 点
		strokeBgL2 : '#1d4f81', // 暗蓝, 亮 2 点
		strokeBgL3 : '#3e71a4', // 暗蓝, 亮 3 点

		nameTagNormal : '#584c80', // 紫
		nameTagBgL3 : '#45396c', // 紫, 亮 3 点
		nameTagBgL2 : '#312754', // 紫, 亮 2 点
		nameTagBgL1 : '#21183e', // 紫, 亮 1 点
		nameTagBg : '#150e2c', // 深紫
		nameTagBgD1 : '#0c0a19', // 紫, 暗 1 点

		yellowNormal : '#fff54d', // 黄
	}
};

{
	const x = layout.timerPanel.x - layout.coreBg.x;
	const y = layout.timerPanel.y - layout.coreBg.y;
	const {width, height, offset} = layout.timerPanel;
	layout.timerPanel.boundPath = `M${x} ${y - height/2} h${width/2 - offset} l${offset} ${height/2} l${-offset} ${height/2} h${2*offset - width} l${-offset} ${-height/2} l${offset} ${-height/2} h${width/2 - offset}z`;
	layout.timerPanel.boundPathLength = 2*width - 4*offset + Math.hypot(offset, height/2)*4
}

export default layout;
